*{
    padding:0;
    margin:0;
}
::-webkit-scrollbar{
    width: 1px;
    height: 1px;
}
::-webkit-scrollbar-thumb{
    background: #000;
}
.main{
}
.sider{
    background: #eee;
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    width:30%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
}
.content{
    background: #fff;
    width: 70%;
    margin-left:30%;
}
.sider .avator{
    width:150px;
    height:150px;
    border-radius:50%;
    cursor: pointer;
}
.content .card{
    box-shadow: 1px 1px 12px -4px gray;
    margin:20px;
    /* border-bottom:1px solid gray; */
}
.content .card:last-child{
    border:none;
}
.card .card-header{
    font-size:1.2em;
    font-weight: 800;
    background: #eee;
    padding:5px;
}
.card .card-body{
    padding:10px;
    line-height: 1.6;
}
.card-body .item{
    margin:5px;
}
.card-body.exp{
}
.basic-info .info-row{
    display: flex;
    flex-flow:row wrap;
}
.basic-info .info-row .info{
    margin-right:20px;
}
.basic-info .item .city{
    margin-left:50px;
}
.basic-info a{
    text-decoration: none;
    color:#006677;
}
.basic-info .mail,.basic-info .phone{
    font-size:1.1em;
}
.skills .skill{
    display: flex;
    margin-top:5px;
}
.skills .skill .label{
    flex-shrink: 0;
    width:85px;
}
.skills .skill .value{

}
.exp .comp-name{
    font-weight: 700;
}
.projs .proj{
    border-bottom:1px solid #ccc;
    padding:10px;
}
.projs .proj:last-child{
    border-bottom: none;
}
.proj .proj-title{
    font-weight: 700;
    margin-bottom: 5px;
}
.icon-link .iconfont.icon{
    font-size: 10px;
}
.icon-link .iconfont.icon:hover{
    font-size: 20px;
}